﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="../css/base.css" rel="stylesheet" type="text/css" />
<link href="../css/layout.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="../layui/css/layui.css"  media="all">
<script type="text/javascript" src="../js/jQuery1.7.js"></script>
<script type="text/javascript" src="../js/demo.js"></script>
<script type="text/javascript"  src="../js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../js/icheck.min.js"></script>
<script>
$(document).ready(function(){
  $('input').iCheck({
    checkboxClass: 'icheckbox_square-blue',  // 注意square和blue的对应关系,用于type=checkbox
    radioClass: 'iradio_square-blue', // 用于type=radio
    increaseArea: '20%' // 增大可以点击的区域
  });
});
</script>
</head>

<body>
  <div class="inquiry">
  <form class="layui-form" action="">
    <div id="brandList">
        <div class="button-Orange"><a href="#"><i class="button-icos"><img src="../images/ico/search-ico.png"/></i> <span>搜索</span></a></div>
          <ul class="cons">
            <li>
              <div class="layui-form-item">
                <label class="layui-form-label">起始年月：</label>
                <div class="layui-input-inline">
                  <input type="text" class="layui-input" onclick="layui.laydate({elem: this, festival: true})"/>
                </div>
              </div>
            </li>
            <li>
              <div class="layui-form-item">
                <label class="layui-form-label">终止年月：</label>
                <div class="layui-input-inline">
                  <input type="text" class="layui-input" onclick="layui.laydate({elem: this, festival: true})"/>
                </div>
              </div>
            </li>
            <li>
              <div class="layui-form-item">
                <label class="layui-form-label">计费对象代码：</label>
                <div class="layui-input-inline" style="width:150px;">
                  <input type="text" class="layui-input" />
                </div>
            </li>
            <li>
              <div class="layui-form-item">
                <label class="layui-form-label">计费对象名称：</label>
                <div class="layui-input-inline" style="width:150px;">
                  <input type="text" class="layui-input" />
                </div>
            </li>
            <li>
              <div class="layui-form-item">
                <label class="layui-form-label">计费科目：</label>
                <div class="layui-input-inline" style="width:150px;">
                  <input type="text" class="layui-input" />
                </div>
            </li>
            <li>
              <div class="layui-form-item">
                <label class="layui-form-label">计费对象类别：</label>
                <div class="layui-input-inline" style="width:150px;">
                  <input type="text" class="layui-input" />
                </div>
            </li>
           <li>
              <div class="layui-form-item">
                <label class="layui-form-label">行政区划：</label>
                <div class="layui-input-inline" style="width:70px;">
                  <select name="quiz1">
                    <option >-省-</option>
                  </select>
                </div>
                <div class="layui-input-inline" style="width:70px;margin-left:-1px;">
                  <select name="quiz2">
                    <option >-市-</option>
                  </select>
                </div>
                <div class="layui-input-inline" style="width:70px;margin-left:-1px;">
                  <select name="quiz2">
                    <option >-县-</option>
                  </select>
                </div>
              </div>
            </li>
          </ul>
         
         <div id="showMore"> <a href="#"> <span class="hide"></span> </a> </div>
          <div class="line"></div>
    </div>
  </form>
</div>
  
  
  <div class="datail"  style="min-height:540px;overflow-x:auto;overflow-y: hidden;">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="table"  style="width: 2000px;overflow-x:auto;overflow-y: hidden;">
      <tr>
        <th width="2%"> <input type="checkbox" name="checkbox" id="checkbox" /></th>
        <th width="6%">计费对象名称</th>
        <th width="6%">金额合计</th>
        <th width="6%">费用月份</th>
        <th width="6%">月结费用值</th>
        <th width="10%">计费科目名称</th>
        <th width="8%">计费科目代码</th>
        <th width="10%">凭证号</th>
        <th width="6%">服务单价</th>
        <th width="8%">单价折扣值</th>
        <th width="10%">总量折扣值</th>
        <th width="7%">数量</th>
		<th width="15%">计算科目月结费用</th>
      </tr>
      <tr>
        <td rowspan="4" valign="top" class="td-colr"><div class="int"><input type="checkbox" name="checkbox2" id="checkbox2" /></div></td>
        <td rowspan="4" valign="top">计费对象名A</td>
        <td rowspan="4" valign="top">13</td>
        <td rowspan="3" valign="top">2014-9</td>
        <td rowspan="3" valign="top">11</td>
        <td>计费科目名a</td>
        <td>258495-866534</td>
        <td>VSNC2014051256565</td>
        <td>5</td>
        <td>10%</td>
        <td>15%</td>
        <td>2</td>
        <td>10</td>
      </tr>
      <tr class="td-colr">
        <td>计费科目名b</td>
        <td>258495-866534</td>
        <td>VSNC2014051256565</td>
        <td>1</td>
        <td>15%</td>
        <td>15%</td>
        <td>2</td>
        <td>10</td>
      </tr>
      <tr>
        <td>计费科目名b</td>
        <td>258495-866534</td>
        <td>VSNC2014051256565</td>
        <td>1</td>
        <td>15%</td>
        <td>15%</td>
        <td>2</td>
        <td>10</td>
      </tr>
      <tr class="td-colr">
        <td>2014-8</td>
        <td>2</td>
        <td>计费科目名c</td>
        <td>258495-866534</td>
        <td>VSNC2014051256565</td>
        <td>2</td>
        <td>10%</td>
        <td>15%</td>
        <td>2</td>
        <td>10</td>
      </tr>
      <tr>
        <td rowspan="4" valign="top"><div class="int"><input type="checkbox" name="checkbox2" id="checkbox2" /></div></td>
        <td rowspan="4" valign="top">计费对象名B</td>
        <td rowspan="4" valign="top">13</td>
        <td rowspan="3" valign="top">2014-9</td>
        <td rowspan="3" valign="top">11</td>
        <td>计费科目名a</td>
        <td>258495-866534</td>
        <td>VSNC2014051256565</td>
        <td>5</td>
        <td>10%</td>
        <td>15%</td>
        <td>2</td>
        <td>10</td>
      </tr>
      <tr class="td-colr">
        <td>计费科目名b</td>
        <td>258495-866534</td>
        <td>VSNC2014051256565</td>
        <td>1</td>
        <td>15%</td>
        <td>15%</td>
        <td>2</td>
        <td>10</td>
      </tr>
      <tr>
        <td>计费科目名b</td>
        <td>258495-866534</td>
        <td>VSNC2014051256565</td>
        <td>1</td>
        <td>15%</td>
        <td>15%</td>
        <td>2</td>
        <td>10</td>
      </tr>
      <tr  class="td-colr">
        <td>2014-8</td>
        <td>2</td>
        <td>计费科目名c</td>
        <td>258495-866534</td>
        <td>VSNC2014051256565</td>
        <td>2</td>
        <td>10%</td>
        <td>15%</td>
        <td>2</td>
        <td>10</td>
      </tr>
      <tr>
        <td rowspan="2" class="td-colr" valign="top"><div class="int"><input type="checkbox" name="checkbox2" id="checkbox2" /></div></td>
        <td rowspan="2" valign="top">计费对象名C</td>
        <td rowspan="2" valign="top">13</td>
        <td rowspan="1" valign="top">2014-9</td>
        <td rowspan="1" valign="top">11</td>
        <td>计费科目名a</td>
        <td>258495-866534</td>
        <td>VSNC2014051256565</td>
        <td>5</td>
        <td>10%</td>
        <td>15%</td>
        <td>2</td>
        <td>10</td>
      </tr>
      <tr class="td-colr">
        <td>2014-8</td>
        <td>2</td>
        <td>计费科目名c</td>
        <td>258495-866534</td>
        <td>VSNC2014051256565</td>
        <td>2</td>
        <td>10%</td>
        <td>15%</td>
        <td>2</td>
        <td>10</td>
      </tr>
      
    </table>
  </div>
  <div class="operating">
    <div class="btn">
      <div class="button"><a href="../复用/导出.html">
        <div class="button-ico"><img src="../images/ico/btn-ico-04.png"/></div>
        <span><input type="file" style="display:none;"/>导出</span></a></div>
    </div>
    <div class="pages">
      <div id="demo2"></div>
    </div>
  </div>
<script type="text/javascript" src="../layui/layui.js"></script> 
<script>
layui.use(['form', 'layedit', 'laydate'], function(){
  var form = layui.form()
  ,layer = layui.layer
  ,layedit = layui.layedit
  ,laydate = layui.laydate;
});

layui.use(['laypage', 'layer'], function(){
  var laypage = layui.laypage
  ,layer = layui.layer;
  
  laypage({
    cont: 'demo2'
    ,pages: 20
    ,skin: '#1E9FFF'
    ,skip: true
    ,first: 1
    ,last: 20
    ,prev: '<em><</em>'
    ,next: '<em>></em>'
  });
  
});
</script>
</body>
</html>
